/**
 * 导航栏脚本 - 简化版
 */

(function() {
  'use strict';
  
  console.log('[导航栏] 脚本加载');
  
  // 页面路由配置
  // 检测当前页面位置，动态调整路径
  const isInPagesDir = window.location.pathname.includes('/pages/');
  const pathPrefix = isInPagesDir ? '' : 'pages/';
  
  const routes = {
    'message': pathPrefix + 'chat-list.html',
    'workbench': pathPrefix + 'workbench.html',
    'calendar': pathPrefix + 'calendar.html',
    'files': isInPagesDir ? '../index.html' : 'index.html', // 返回主页
    'queue': pathPrefix + 'queue.html' // 传输队列页面
  };
  
  // 初始化函数
  function init() {
    console.log('[导航栏] 开始初始化');
    
    // 获取所有导航项
    const navItems = document.querySelectorAll('.nav-item[data-view]');
    console.log('[导航栏] 找到导航项:', navItems.length);
    
    if (navItems.length === 0) {
      console.error('[导航栏] 未找到导航项！');
      return;
    }
    
    // 为每个导航项绑定点击事件
    navItems.forEach((item, index) => {
      const view = item.getAttribute('data-view');
      console.log(`[导航栏] 绑定第${index + 1}个导航项:`, view);
      
      item.addEventListener('click', function(e) {
        console.log('[导航栏] 点击事件触发:', view);
        
        // 移除所有active类
        navItems.forEach(nav => nav.classList.remove('active'));
        
        // 添加active到当前项
        this.classList.add('active');
        
        // 跳转页面
        const targetPage = routes[view];
        if (targetPage) {
          console.log('[导航栏] 跳转到:', targetPage);
          window.location.href = targetPage;
        } else {
          console.log('[导航栏] 页面不存在:', view);
          // 跳转到404页面
          window.location.href = isInPagesDir ? '404.html' : 'pages/404.html';
        }
      });
    });
    
    // 设置按钮
    const settingsBtn = document.getElementById('sidebarSettingsBtn');
    if (settingsBtn) {
      settingsBtn.addEventListener('click', function() {
        console.log('[导航栏] 点击设置');
        alert('设置功能即将上线，敬请期待！');
      });
    }
    
    // 用户头像
    const userAvatar = document.querySelector('.user-avatar');
    if (userAvatar) {
      userAvatar.addEventListener('click', function() {
        console.log('[导航栏] 点击头像');
        alert('用户信息功能即将上线，敬请期待！');
      });
    }
    
    console.log('[导航栏] 初始化完成');
    
    // 初始化通知徽章
    updateNotificationBadge();
  }
  
  // 更新通知徽章
  function updateNotificationBadge(count) {
    const badge = document.getElementById('notificationBadge');
    if (!badge) return;
    
    // 如果没有传入count，尝试从window获取
    if (count === undefined) {
      count = window.unreadNotificationCount || 0;
    }
    
    if (count > 0) {
      const displayCount = count > 99 ? '99+' : count.toString();
      badge.textContent = displayCount;
      badge.style.display = 'flex';
      
      if (count > 99) {
        badge.setAttribute('data-count', '99+');
      } else {
        badge.removeAttribute('data-count');
      }
      
      console.log('[导航栏] 更新通知徽章:', displayCount);
    } else {
      badge.style.display = 'none';
      console.log('[导航栏] 隐藏通知徽章');
    }
  }
  
  // 将updateNotificationBadge暴露到全局
  window.updateNotificationBadge = updateNotificationBadge;
  
  // 等待DOM加载
  if (document.readyState === 'loading') {
    console.log('[导航栏] 等待DOM加载...');
    document.addEventListener('DOMContentLoaded', init);
  } else {
    console.log('[导航栏] DOM已就绪，立即初始化');
    init();
  }
})();
